.el-dropdown-menu__item {
  font-size: 12px !important;
  line-height: 28px !important;
}

.el-card.is-always-shadow {
  box-shadow: none;
  border: none !important;
}

.el-scrollbar__view {
  height: 100%;
}

.el-menu--horizontal {
  border-bottom: none !important;
}

.el-menu {
  border-right: none !important;
}

.el-menu--display,
.el-menu--display+.el-submenu__icon-arrow {
  display: none;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  background-color: transparent;
}

.el-message__icon,
.el-message__content {
  display: inline-block;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: auto;
  overflow: hidden;
}

.el-dialog__wrapper {
  z-index: 2048;
}


.el-col {
  margin-bottom: 8px;
}

.el-main {
  padding: 0 !important;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  background-color: transparent !important;
}

.el-table {
  th {
    word-break: break-word;
    color: rgba(0, 0, 0, .85);
    background-color: #f5f5f5 !important;

    .cell {
      height: 17px;
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: flex-start;
    }
  }

  td {
    .cell {
      min-height: 15px;
      min-width: 0 !important;
    }

    // &:nth-last-child(1) .cell {
    //   padding: 0 !important;
    // }
  }

  .cell {
    line-height: 14px !important;
    font-size: 12px;

    .el-button {
      padding: 0;
    }
  }
}

.avue-main .basic-container>.el-card {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
  border: none !important;
}

.avue-group__item:last-child {
  padding: 0;
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
}

.main {
  font-size: 12px;
  height: calc(100% - 40px);

  span {
    font-size: 12px;
  }

  .el-form-item__label {
    font-size: 12px;
    text-align: left;
    width: 100% !important;
  }

  .el-form-item__content {
    margin-left: 0 !important;
    clear: left;
  }

  .avue-form__row {
    // padding: 0 !important;
    margin-bottom: 0;
  }

  .el-switch {
    height: 14px;
    line-height: 14px;

    .el-switch__core {
      width: 28px !important;
      height: 14px;
    }

    .el-switch__core:after {
      width: 12px;
      height: 12px;
      left: 1px;
      top: 0;
    }
  }

  .is-checked {
    .el-switch__core:after {
      left: 100% !important;
      margin-left: -12px !important;
    }
  }

  .el-input {
    input {
      height: 28px;
      line-height: 28px;
      font-size: 12px;
    }
  }
}

.el-button {
  height: 28px;
  overflow: hidden;
  line-height: 12px;
  font-size: 12px;
}

.el-button--text {
  height: auto !important;
}

.el-button,
.el-button+.el-button {
  margin-left: 0;
  margin-right: 10px;
}

.el-table {

  td.is-center,
  th.is-center {
    text-align: left !important;
  }

  td,
  th {
    border-bottom: 1px solid #ebebeb !important;
    border-right: 1px solid #ebebeb !important;
  }

  .el-checkbox__inner {
    width: 12px;
    height: 12px;
  }

  .el-table-column--selection .cell {
    padding-right: 10px;
  }
}

.iconfont {
  font-size: 12px !important;
}

.el-card__body {
  padding: 10px !important;
}

.avue-crud {
  width: 100% !important;

  .avue-crud__menu {
    margin-bottom: 0 !important;
    min-height: 38px !important;
  }

  // avue-最后一列为空占位列（需隐藏显示-避免表格错位）20201221-caojing
  td {
    &:last-child {
      .cell {
        padding: 0 !important;
      }
    }
  }
}

.avue-crud__pagination {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.avue-group__item {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.avue-form__group {
  margin: 0 !important;
}

.el-input,
.el-input-number,
.el-select,
.el-date-editor {
  width: 100% !important;
  text-align: left !important;

  input {
    text-align: left !important;
  }
}

.avue-group {
  padding: 0 10px;
}

// avue弹框内容
.avue-crud__dialog {
  .dialog-footer {
    .is-loading {
      &:nth-child(1) {
        &::after {
          margin-left: 5px;
        }
      }
    }

    &>.el-button {
      span {
        display: none;
      }

      font-family: element-icons !important;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: baseline;
      display: inline-block;

      &:nth-of-type(1) {
        &::after {
          content: "\e6da";
        }
      }

      &:nth-of-type(2) {
        &::after {
          content: "\E6DB";
        }
      }
    }
  }
}

.el-message-box__btns {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  justify-content: flex-start;

  .el-button {
    span {
      display: none;
    }

    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;

    &:nth-child(1) {
      &::before {
        content: "\E6DB";
      }
    }

    &:nth-child(2) {
      &::before {
        content: "\e6da";
      }
    }
  }
}

.el-form {
  .el-form-item {
    margin-bottom: 10px !important;
  }
}

.el-dialog {
  .el-form {
    .el-form-item__label {
      font-size: 12px;
      text-align: left;
      width: 100% !important;
    }

    .el-input {
      font-size: 12px;
    }

    span {
      font-size: 12px;
    }

    .el-form-item__content {
      margin-left: 0 !important;
    }
  }

  .el-dialog__header,
  .el-dialog__body {
    padding: 10px !important;
  }

}

.el-menu-item.is-active,
.el-submenu__title.is-active {
  background-color: rgba(30, 144, 255, .1)
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: none;
  color: #1E90FF
}

.el-tree-node__content:hover {
  background-color: none;
  color: #1E90FF
}

.el-tree-node:focus>.el-tree-node__content {
  background-color: none;
  color: #1E90FF
}

.theme-white .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-top: 1px solid #1E90FF
}

.theme-v3 .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-top: 1px solid #1E90FF
}

.currentModule {
  background: rgba(30, 144, 255, .1);
  color: #1E90FF
}

.color-span {
  color: #1E90FF
}

.color-span-bg {
  background: #1E90FF
}

.avue-flow__node-header {
  background-color: #1E90FF
}

.color-icon {
  color: #1E90FF
}

.selection {
  box-shadow: #1E90FF 0 0 3px 1px;
}

// 修改统一样式

.el-dialog .avue-form .el-form-item__label {
  width: 100%;
}

.el-table__body,
.el-table__footer,
.el-table__header {
  height: 30px;
}

.el-dialog {
  height: calc(100% - 50px);
  box-shadow: none !important;
  background: transparent !important;
  margin: auto !important;
  display: flex;
  flex-flow: column;
  justify-content: center;

  .el-dialog__header {
    background: #fff;
    position: relative;
    padding: 10px 20px;

    .el-dialog__title {
      font-size: 14px !important;
    }

    .el-dialog__headerbtn {
      top: 15px;
      font-size: 14px;
    }
  }

  .el-dialog__footer {
    padding: 10px 20px;
    background: #fff;
    position: relative;
  }

  .el-dialog__body {
    max-height: 70%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
  }
}

.el-pager {
  li {
    font-weight: normal;
  }
}

.el-pagination {
  padding: 0 !important;

  &__sizes {
    .el-input {
      width: 100px !important;
    }
  }

  &__editor.el-input {
    width: 50px !important;
  }
}

.avue-group__title {
  font-size: 14px !important;
  color: #333333;
}

.avue-group__header {
  margin-bottom: 10px !important;
}

// tooltip
.el-tooltip__popper {
  background: #fff !important;
  color: #808080 !important;
  border: 1px solid #ebebeb;
}

.el-tooltip__popper[x-placement^=bottom] {
  .popper__arrow {
    border-bottom-color: #ebebeb !important;

    &::after {
      border-bottom-color: #fff !important;
    }
  }
}

.el-tooltip__popper[x-placement^=top] {
  .popper__arrow {
    border-top-color: #ebebeb !important;

    &::after {
      border-top-color: #fff !important;
    }
  }
}

.el-tooltip__popper[x-placement^=left] {
  .popper__arrow {
    border-left-color: #ebebeb !important;

    &::after {
      border-left-color: #fff !important;
    }
  }
}

.el-tooltip__popper[x-placement^=right] {
  .popper__arrow {
    border-right-color: #ebebeb !important;

    &::after {
      border-right-color: #fff !important;
    }
  }
}

//全局滚动条样式更改
//滚动条的宽度
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

//滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

// 表格无数据 文字狱图片对齐
.avue-empty__desc {
  padding-left: 12px;
}

// 表格处理（避免出现横竖滚动条时-页面表格错位） 20201221-caojing
// 避免当有纵向滚动条时-表头表体错位
.el-table--scrollable-y {

  .el-table__header-wrapper,
  .el-table__footer-wrapper {
    width: calc(100% - 9px) !important;
  }

  .el-table__fixed-right {
    right: 8px !important;
    border-left: 1px solid #ebebeb;
  }
}

// 避免当有横向滚动条时-固定列与表体错位
// 简单表头（1级）
.el-table--scrollable-x {

  .el-table__fixed,
  .el-table__fixed-right {
    height: auto !important; // 此处的important表示优先于element.style
    bottom: 8px !important; // 改为自动高度后，设置与父容器的底部距离，则高度会动态改变
  }

  .el-table__fixed-right {
    border-left: 0;
  }

  .el-table__fixed-body-wrapper,
  .el-table__body-wrapper {
    height: calc(100% - 30px) !important;
  }
}

// 复杂表头（2级）
.two-header-column-table {
  &.el-table--scrollable-x {

    .el-table__fixed,
    .el-table__fixed-right {
      height: auto !important; // 此处的important表示优先于element.style
      bottom: 8px !important; // 改为自动高度后，设置与父容器的底部距离，则高度会动态改变
    }

    .el-table__fixed-body-wrapper,
    .el-table__body-wrapper {
      height: calc(100% - 60px) !important;
    }
  }

  // 含合计行
  &.has-summary {
    &.el-table--scrollable-x {

      .el-table__fixed,
      .el-table__fixed-right {
        height: 100% !important; // 此处的important表示优先于element.style
        bottom: 8px !important; // 改为自动高度后，设置与父容器的底部距离，则高度会动态改变
      }

      .el-table__fixed-body-wrapper {
        height: calc(100% - 100px) !important;
      }

      .el-table__body-wrapper {
        height: calc(100% - 90px) !important;
      }
    }
  }
}

// 穿梭框
.el-transfer {
  display: -webkit-box!important;
  .el-transfer-panel {
    .el-transfer-panel__header {
      height: 30px;
      line-height: 30px;

      .el-checkbox {
        line-height: 30px;

        .el-checkbox__label {
          font-size: 12px;
          font-weight: bold;
        }
      }
    }

    .el-transfer-panel__body {
      .el-transfer-panel__filter {
        margin: 0;
        padding: 10px;

        .el-input__inner {
          height: 28px;
          line-height: 28px;
          border-radius: 4px;
        }

        .el-input__prefix {
          height: 26px;
          top: 9px;
          left: 8px;
        }
      }

      .el-transfer-panel__list {
        .el-transfer-panel__item {
          height: 26px;
          line-height: 26px;

          .el-checkbox__label {
            font-size: 12px;
          }
        }
      }
    }
  }
  .el-transfer__buttons {
    .el-transfer__button{
      padding: 6px;
    }
  }
}

.main .el-tabs__header{
  margin-bottom: 10px!important;
}

.cursor-pointer{
  cursor: pointer;
}

/* 常用字体颜色 */
.default-color{
  color: #606266;
}
.red-color{
  color: #FF4500;
}
.orange-color{
  color: #FF8C00;
}
.yellow-color{
  color: #FFAA00;
}
.green-color{
  color: #4FBD77;
}
.blue-color{
  color: #009BEE;
}
.disable-color{
  color: #9E9E9E;
}

/* 状态圆点显示 */
.circle-dot{
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 5px;
  &.default{
    background-color: #606266;
  }
  &.green {
    background-color: #4FBD77;
  }
  &.red {
    background-color: #FF4500;
  }
  &.orange {
    background-color: #FF8C00;
  }
  &.blue {
    background-color: #009BEE;
  }
  &.disable {
    background-color: #9E9E9E;
  }
}

.in-block{
  display: inline-block!important;
}
